<template>
  <div class="merchant-register-step">
    <div class="desc">
      <h1>商家入驻流程:</h1>
      <div class="line"></div>
      <div class="num">
        <span>1</span>
        <span>2</span>
        <span>3</span>
      </div>
      <div class="txt">
        <span>提交资料</span>
        <span>审核签约</span>
        <span>入驻成功</span>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'MerchantRegisterStep'
}
</script>

<style scoped lang="stylus">
.merchant-register-step
  margin 10px
  padding 10px
  border-radius 10px
  background white
  .desc
    background white
    margin 10px
    border-radius 5px
    padding 15px 10px 30px 10px
    h1
      text-align left
      padding-bottom 15px
    .line
      border-bottom 1px solid $main_color
      margin 35px 15px
    .num
      display flex
      justify-content space-around
      span
        width 55px
        height 55px
        line-height 55px
        border-radius 50%
        background $main_color
        margin-top -65px
        color white
        font-size 20px
        position relative
        //margin-left 30px
        //margin-right 30px
        box-sizing border-box
    .txt
      display flex
      span
        width 33.33%
        //color $main_color
        font-weight 700
        font-size 14px
</style>
